<template>
  <h1 ref="dom">ref获取DOM元素</h1>
</template>
<!-- 在script标签上 写入setup 就是 setup入口函数的语法糖  -->
<script setup>
import {
  onBeforeMount, onMounted,
  onBeforeUpdate, onUpdated, ref
} from 'vue'
let dom = ref(null)
onMounted(()=>{
  console.log(dom.value);
})

/*
  Vue2获取DOM元素 
  this.$refs.xx
*/ 
</script>
<!-- 再写一个script标签 使用Vue2的方法 写入name属性 -->
<script>
export default {
  name: "App"
}
</script>